<template>
<div class="item_cp" v-show="itemData[0] != '手机号'">
    <div class="left">
        <svg-icon icon-class="other1"/>
    </div>
    <div class="right">
        <span class="right1">
            {{itemData[4]}}
        </span>
        <div class="right2">
            {{itemData[1]}}
        </div>
        <div class="right3">
            {{itemData[0]}}
        </div>
    </div>
</div>
</template>

<script>
//数据个体组件
export default {
    props:{
        itemData:{
            type: Array,
            default: () => {
                return [];
            },
        },
    },
    data() {
        return {
        
        };
    },
    methods: {

    }
}
</script>

<style scoped lang="scss">
.item_cp{
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    >.right{
        display: grid;
        grid-gap: 10px;
        >.right1{
            font-size: 14px;
            opacity: 0.7;
        }
        >.right2{
            font-size: 17px;
        }
        >.right3{
            font-size: 15px;
            // text-align: right;
            opacity: 0.8;
        }
    }
}
</style>
